<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0">
    <link rel="stylesheet" href="./css/2.css">
    <link rel="stylesheet" href="css/cart.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script src="./js/vue.min.js"></script>
    <title>Document</title>
    <style>
        .t1{
            width: 25%;
            height: 20px;
        }
        
        td,th{
            border-bottom: 1px solid;
        }
        td img{
            width: 100%;
        }
    </style>
</head>
<body>
    <div class="head">
    <div class="lh">
    <div class="lh1" onclick="tzs()">
    </div>
     <span >购物车</span> 
     </div> 
</div>
<header id="app">
    <table style="width: 100%;text-align: center;border: 3px solid;font-size: 18px;font-weight: 800;">
        <tr ><th class="t1">商品图片</th><th class="t1">商品名称</th><th class="t1">商品单价</th><th class="t1">数量</th></tr>
        <tr><td><img src="./img/1.dpg.webp" alt=""></td><td>运动鞋</td><td>{{danjia}}￥</td><td>1</td></tr>
    </table>    
</header>
    <footer>
        <div class="f" onclick="window.location.href='index.html';">
           <img  src="./img/f1.png" alt=""> 
        </div>
        <div class="f">
            <img src="./img/f2.png" alt="">
        </div>
        <div class="f">
            <img src="./img/f3.png" alt="">
        </div>
        <div class="f">
            <img src="./img/dd60fafbde8542ca.png" alt="">
        </div>
        <div class="f">
            <img src="./img/f5.png" alt="">
        </div>
    </footer>
</body>
<script>
    function tzs(){
     if(window.history.back(-1)==null)
     {
     window.location.href="index.html";
     }
     else{
     window.history.back(-1);
     }
 }
 new Vue({
     el:'#app',
     data:{
         danjia:124,
         zongjia:0,
         count:0
     },
     watch:{

     }
 })
</script>
</html>